/* 全局夜间模式样式 */

/* 页面背景 */
.night-mode {
	background-color: #1a1a1a !important;
}

/* 卡片背景 */
.night-mode .card,
.night-mode .section,
.night-mode .modal-content,
.night-mode .setting-section,
.night-mode .message-section,
.night-mode .schedule-section,
.night-mode .feature-list,
.night-mode .contact-section,
.night-mode .other-info {
	background: #2c2c2c !important;
	box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2) !important;
}

/* 文本颜色 */
.night-mode .text-primary,
.night-mode .title,
.night-mode .section-title,
.night-mode .message-title,
.night-mode .course-name,
.night-mode .setting-text,
.night-mode .contact-text,
.night-mode .info-text {
	color: #e0e0e0 !important;
}

.night-mode .text-secondary,
.night-mode .message-preview,
.night-mode .course-teacher,
.night-mode .setting-desc,
.night-mode .contact-value {
	color: #b0b0b0 !important;
}

/* 边框颜色 */
.night-mode .border,
.night-mode .setting-item,
.night-mode .message-item,
.night-mode .schedule-item,
.night-mode .contact-item,
.night-mode .info-item {
	border-bottom-color: #3a3a3a !important;
}

/* 按钮和交互元素 */
.night-mode .btn-primary {
	background: #3498db !important;
	color: #ffffff !important;
}

.night-mode .btn-secondary {
	background: #3a3a3a !important;
	color: #e0e0e0 !important;
}

/* 输入框 */
.night-mode input,
.night-mode textarea {
	background: #3a3a3a !important;
	color: #e0e0e0 !important;
	border-color: #4a4a4a !important;
}

/* 图标颜色 */
.night-mode .icon {
	color: #b0b0b0 !important;
}

/* 头部样式 */
.night-mode .header {
	background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%) !important;
}

/* 用户信息卡片 */
.night-mode .user-info {
	background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%) !important;
	box-shadow: 0 8rpx 32rpx rgba(44, 62, 80, 0.3) !important;
}

/* 功能网格 */
.night-mode .function-grid {
	background: #2c2c2c !important;
	box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2) !important;
}

.night-mode .grid-item:active {
	background-color: #3a3a3a !important;
}

.night-mode .grid-text {
	color: #e0e0e0 !important;
}

/* 设置区域 */
.night-mode .settings {
	background: #2c2c2c !important;
	box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2) !important;
}

.night-mode .setting-item:active {
	background-color: #3a3a3a !important;
}

.night-mode .setting-left {
	color: #e0e0e0 !important;
}

/* 服务按钮 */
.night-mode .service-btn {
	background: #3498db !important;
}

/* 过渡动画 */
.night-mode view,
.night-mode text,
.night-mode image,
.night-mode button,
.night-mode input,
.night-mode textarea {
	transition: all 0.3s ease !important;
}

/* 滚动条样式在小程序中不支持，已移除 */

/* 模态框 */
.night-mode .modal-overlay {
	background: rgba(0, 0, 0, 0.7) !important;
}

.night-mode .modal-content {
	background: #2c2c2c !important;
}

.night-mode .modal-title {
	color: #e0e0e0 !important;
}

/* 时间选择器 */
.night-mode .time-picker {
	background: #3a3a3a !important;
	color: #3498db !important;
}

/* 开关样式 */
.night-mode switch {
	background: #4a4a4a !important;
}

/* 搜索框 */
.night-mode .search-box {
	background: #3a3a3a !important;
}

.night-mode .search-input {
	color: #e0e0e0 !important;
}

/* 标签页 */
.night-mode .tab-button {
	color: #b0b0b0 !important;
}

.night-mode .tab-button.active {
	background: #3498db !important;
	color: #ffffff !important;
}

/* 徽章 */
.night-mode .badge {
	background: #e74c3c !important;
	color: #ffffff !important;
}

/* 状态指示器 */
.night-mode .status-online {
	background: #27ae60 !important;
}

.night-mode .status-offline {
	background: #7f8c8d !important;
}


